<template>
  <div class="header">
    <van-cell-group>
      <van-row type="flex" justify="space-between">
        <van-col class="back">
          <i @click="handleClickBack" class="icon iconfont">&#xe6aa;</i>
        </van-col>
        <van-col>
          <span class="title">用户协议</span>
        </van-col>
        <van-col></van-col>
      </van-row>
    </van-cell-group>
  </div>
</template>

<script>
export default {
  methods: {
    handleClickBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="stylus" scoped>
.header {
  height: 1.173rem;
  line-height: 1.173rem;
  font-size: 0.48rem;

  .back {
    margin-left: 0.2rem;

    .icon {
      font-size: 0.48rem;
    }
  }

  .title {
    margin-right: 0.2rem;
  }
}
</style>
